这篇文档将通过一个 demo，介绍 React 几个 Hook 的使用方法和场景。包括： useState useEffect useMemo useCallback 自定义 hook 阅读此文档之前，建议先仔细阅读 React 官网文档中 ...

定义Vue组件 什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同： 模块化： 是从代码逻辑的角度进行划分的 ...

我们前几章和讲解了什么浏览器的组成部分以及渲染引擎，今天我们主要讲一下js引擎的相关知识点，那么在开讲之前我们需要回顾一下有关渲染引擎的相关知识点 渲染引擎 关键渲染路径是指浏览器从最初接收请求来的HTML、CSS、javascript等资 ...

昨天看了一道面试题，说如何管理 CSS 代码；它谈到了君子协定BEM 规范（然后楼主就说自己马上就拿到 offer 了?）。但是，BEM 规范说实在已经不够接地气了，现代 CSS 开发的基调是模块化。这期就借此谈谈在 vue 项目中管理 C ...

前端开发中，对要提交的表单数据进行校验是很常见的需求，有开源的基于框架的数据校验库，也有组件库内置的校验功能，这里介绍的是一种脱离框架、组件的独立数据校验思路。 我们团队的 Vue 项目比较多，先看下这一块的数据校验方案： vuelidat ...

某UI萌妹子想入坑，特整理了一份初级前端高频面试题。 自学前端在刚入门时面试是最艰难的阶段，本章内容都是从各大平台网站汇总过来的，不包含各种源码知识，不至于出现不懂的内容。 一、什么是MVVM？ MVVM是Model-View-ViewM ...

keep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中，我们来探究一下它的源码实现。 首先回顾下使用方法 举个栗子 </c ...

内容：计算属性、过滤器、过渡动画、组件 生命周期、vue-cli脚手架和组件传值 一、计算属性 1.基本使用 computed，当我们的页面上需要频繁地进行数据运算时，我们需要用到计算属性。 (1)计算属性的变量名可以不在data ...

内容：生命周期、vue-cli脚手架、组件传值 购物车bug解决： watch中改变了每一个商品的选中状态，此时，计算属性也会重新执行，造成数据冲突。 解决办法：把监听去掉，给全选增加一个单独的点击事件 checkAll(){ th ...

闭包以及应用场景 作用域 作用域决定了代码区块中变量、函数、对象和其他资源的可见性 全局作用域、函数作用域和块级作用域 let 和 const 声明的变量不会提升到代码块顶部。 在同一作用域内，禁止重复声明 for 循环中，设置循环变量那部 ...